.coupon-popup {
  background: none !important;
}

.sec-coupon {
  padding: 242rpx 0 0;
  width: 560rpx;
  height: 412rpx;
  background: url("https://ck-bkt-knowledge-payment.oss-cn-hangzhou.aliyuncs.com/admin/material/27_material_admin/image/images/recommenAlert.png") no-repeat top center;
  background-size: 100% 100%;
}


.roll-line {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 1px;
  border-left: 2rpx dotted #F2F2F2;

  &:before {
    content: "";
    width: 26rpx;
    height: 26rpx;
    background: #fff0d9;
    border-radius: 100%;
    position: absolute;
    left: 50%;
    top: -15rpx;
    transform: translate(-50%, 0);
  }

  &:after {
    content: "";
    width: 26rpx;
    height: 26rpx;
    background: #fff0d9;
    border-radius: 100%;
    position: absolute;
    left: 50%;
    bottom: -13rpx;
    transform: translate(-50%, 0);
  }
}

.btn-get {
  width: 420rpx;
  height: 94rpx;
  line-height: 94rpx;
  background-image: linear-gradient(180deg, #F78D65 0%, #FA5945 55%, #EF3657 100%);
  border-radius: 46rpx;
  margin: 70rpx auto 30rpx;
  font-size: 36rpx;
  text-align: center;
  color: #fff;
}